<template>
	<view class="industry">
		<view class="content">
			
			<view class="title">工作内容</view>
			
			<!-- 内容 -->
			<view class="work">
				<textarea v-model="content" placeholder="请输入工作内容" style="width: 100%;height: 500rpx;" maxlength="1000" />
				<view class="length md4Text">
					<text class="mblue">{{content.length}}</text>/1000
				</view>
			</view>
            <view style="margin-top: 60rpx;">
                <u-button type="primary" @click="save()">确定</u-button>
            </view>
			
			<!-- <view class="editLine">
				<view class="btn1">
					<image src="../../../static/imgs/mine/btn1.png" mode=""></image>
				</view>
				
				<view class="btn2">
					<image src="../../../static/imgs/mine/btn1.png" mode=""></image>
				</view>
			</view> -->
		</view>

	

		

		
	</view>
</template>

<script>

export default {
	data() {
		return {
			content: ''
		};
	},
	onLoad: function(option) {
		var content = uni.getStorageSync('gznr');
        if(content) {
            this.content = content;
        }
	},
	methods: {
		save() {
            if(!this.content) {
                return this._toast('请输入工作内容');
            }
            uni.setStorageSync('gznr', this.content);
            this._toBack();
        }
	},
};
</script>

<style scoped lang="less">
.industry {
	width: 100%;
	background: #ffffff;
	.content {
		width: 100%;
		padding: 0 52upx;
		position: relative;
		
		
		.title{
			font-size: 40upx;
			font-weight: bold;
			padding: 60upx 0;
		}

	  .work{
		  position: relative;
		  .length{
			  position: absolute;
			  right: 10upx;
			  bottom: 18upx;
		  }
		  .workItems{
			  margin-bottom: 20upx;
		  }
		  padding-bottom: 60upx;
		  border-bottom: 2upx solid #E5E5E5;
	  }	

	}
	
	.editLine{
		display: flex;
		padding-top: 18upx;
		padding-left: 10upx;
		.btn1{
			image{
				width: 32upx;
				height: 24upx;
			}
			margin-right: 25upx;
		}
		
		.btn2{
			image{
				width: 30upx;
				height: 18upx;
			}
		}
	}

	
}


</style>
